<div class="dep-service-form">
    <div class="modal-header clearfix">
        <p class="dep-tips pull-left" ng-if="vm.treeData.length==0"><i class="fa fa-commenting-o"></i>添加根节点，有且仅有一个根节点</p>
        <p class="dep-tips pull-left" ng-if="vm.editRootNode"><i class="fa fa-commenting-o"></i>修改根节点，有且仅有一个根节点</p>
        <p class="dep-tips pull-left" ng-if="vm.treeData.length!=0 && !vm.editRootNode"><i class="fa fa-commenting-o"></i>为<span>{{vm.souceName}}</span>添加子节点</p>
        <form class="form-inline form-search ser-search pull-right" ng-submit="vm.search()">
            <div class="form-group">
                <input type="text" maxlength="50" ng-model="vm.filter.name" class="form-control" placeholder="请输入服务全名查询"/>
            </div>
            <button class="btn btn-default" type="submit">查询</button>
        </form>
    </div>
    <div class="modal-body clearfix">
        <div class="loading" ng-show="vm.loading"></div>

        <div ng-show="vm.checkedList.length!=0 && !vm.loading" class="checked-node clearfix">

            <a ng-repeat="item in vm.checkedList" class="animate pull-left clearfix" ng-click="vm.toggleCheck('uncheck',item)" ng-class="{checked: item.checked}"><span class="pull-left">{{item}}</span><span class="pull-left remove"><i class="fa fa-times" ></i></span></a>
        </div>
        <div ng-show="vm.uncheckList.length==0 && !vm.loading" class="no-data margin-top-10">暂无数据</div>
        <div ng-show="vm.uncheckList.length!=0 && !vm.loading" class="unchecked-node clearfix">
            <a ng-repeat="item in vm.uncheckList" class="animate pull-left ser-item" ng-click="vm.toggleCheck('check',item)" ng-class="{checked: item.checked}"><p>{{item}}</p></a>
        </div>

    </div>
    <div class="modal-footer">
        <button class="btn btn-primary btn-sm" type="button" ng-click="vm.save()">确定</button>
        <button class="btn btn-default btn-sm" type="button" ng-click="vm.cancel()">取消</button>
    </div>
</div>
